<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container">
        <img src="img/img-1.png" alt="">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#" style="color:#f68a2f; padding-top: 20px;">HOME<span class="sr-only one">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  id="ids" href="#">ABOUT US</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  id="ids-1" href="#">SERVICES</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  id="ids-2" href="#">COURSES</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  id="ids-3" href="#">PRICING</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  id="ids-4" href="#">CONTACT</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<header>
    <div class="container">
        <h2>EDUCATION GENIUS</h2>
        <p>Lorem ipsum dolor sit amet,consectetur adipisicing</p>
        <p>elitincidunt eius magni provident.</p>
        <button>Read More</button>
    </div>
</header>
<main>
    <div class="main-1">
        <h2>Our Courses</h2>
        <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident,doloribus omnis minis temporibus</p>
        <p>perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
    </div>
    <div class="main-2">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/img-3.png" alt="">
                        </div>
                        <div class="col-10">
                            <h5>Mobile Dev</h5>
                            <p>Backed by some of the biggest names</p>
                            <p>in the industry,Firefox OS is an open</p>
                            <p>platform that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/img-3.png" alt="">
                        </div>
                        <div class="col-10">
                            <h5>Communication</h5>
                            <p>Backed by some of the biggest names</p>
                            <p>in the industry,Firefox OS is an open</p>
                            <p>platform that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/img-3.png" alt="">
                        </div>
                        <div class="col-10">
                            <h5>Computers</h5>
                            <p>Backed by some of the biggest names</p>
                            <p>in the industry,Firefox OS is an open</p>
                            <p>platform that fosters greater</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-2">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/img-3.png" alt="">
                        </div>
                        <div class="col-10">
                            <h5>Finance</h5>
                            <p>Backed by some of the biggest names</p>
                            <p>in the industry,Firefox OS is an open</p>
                            <p>platform that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/img-3.png" alt="">
                        </div>
                        <div class="col-10">
                            <h5>Maths</h5>
                            <p>Backed by some of the biggest names</p>
                            <p>in the industry,Firefox OS is an open</p>
                            <p>platform that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/img-3.png" alt="">
                        </div>
                        <div class="col-10">
                            <h5>Development</h5>
                            <p>Backed by some of the biggest names</p>
                            <p>in the industry,Firefox OS is an open</p>
                            <p>platform that fosters greater</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-3">
        <div class="main-3-1">
            <h2>Our Students</h2>
            <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident,doloribus omnis minis temporibus</p>
            <p>perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
        </div>
        <div class="main-3-2">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <img src="img/img-4.png" alt="" class="tu-1">
                    </div>
                    <div class="col-md-6">
                        <p>Lorem ipsum dolor sit amet, cadipisicing sit amet consectetur adipisicing elit Atque</p>
                        <p>sed. quidem quis praesentium, ut unde fuga error commodi architecto,oridus</p>
                        <p>omnis minus temporibus perferendis nesciunt quam repellendus nulia nemo ipsum</p>
                        <p>odit corrupti consequuntur possimus,vero mollitia velit ad consectetur.Alias</p>
                        <p>laborum excepturi nihil autem nemo numquam.ipsa architecto non,magni</p>
                        <p>consequuntlaudantium culpa tenetur at id,beatae pet.</p>
                        <p class="zi-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing sit amet</p>
                        <P class="zi-4">consectetur adipisicing elit Atque sed,quidem quis praesentium,mdeserunt.</P>
                        <ul>
                            <li><a><img src="img/img-5.png" alt=""> Lorem ipsum enimdolor sit amet</a></li>
                            <li><a><img src="img/img-5.png" alt="">  Explicabo delenitl neque aliquid</a></li>
                            <li><a><img src="img/img-5.png" alt=""> Consectetur adipisicing elit</a></li>
                            <li><a><img src="img/img-5.png" alt=""> Lorem ipsum dolor sit amet</a></li>
                            <li><a><img src="img/img-5.png" alt=""> Quo issimos molest quid=busdam temporibus</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-4">
        <h2>Our Events</h2>
        <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident,doloribus omnis minis temporibus</p>
        <p>perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
    </div>
    <div class="main-5">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <img src="img/img-6.png" alt="">
                    <p class="zi-5">Feb</p>
                    <p class="zi-6">LOREM IPSUM DOLOR SIT AMET,CONSECTETUR</p>
                    <p class="zi-6">ADIPIS.</p>
                </div>
                <div class="col-md-4">
                    <img src="img/img-7.png" alt="">
                    <p class="zi-5">March</p>
                    <p class="zi-6">APSUM DOLOP SIT AMET,CONSECTETUR</p>
                    <p class="zi-6">ADIPISDSLIF.</p>
                </div>
                <div class="col-md-4">
                    <img src="img/img-6.png" alt="">
                    <p class="zi-5">April</p>
                    <p class="zi-6">DOLOR SIT AMET,CONSESTETUR ADIPISIC INDFEFT</p>
                </div>
            </div>
        </div>
    </div>
    <div class="main-6">
        <h2>Our Events</h2>
        <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident,doloribus omnis minis ovident,doloridus</p>
        <p>omnis minus temporibus perferendis nesciunt..</p>
    </div>
    <div class="main-7">
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <img src="img/img-9.png" alt="">
                </div>
                <div class="col-md-2">
                    <img src="img/img-10.png" alt="">
                </div>
                <div class="col-md-2">
                    <img src="img/img-11.png" alt="">
                </div>
                <div class="col-md-2">
                    <img src="img/img-9.png" alt="">
                </div>
                <div class="col-md-2">
                    <img src="img/img-10.png" alt="">
                </div>
                <div class="col-md-2">
                    <img src="img/img-11.png" alt="">
                </div>
            </div>
        </div>
    </div>
</main>
<footer>
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <p>Our Contact</p>
                    <p>Target company inc</p>
                    <p>JC Main Road,NewYork US.</p>
                    <p>pin-21542 NewYork US.</p>
                    <p class="zi-7">(123)456-789-1255-12584</p>
                    <p>email@domainnane.com</p>
                </div>
                <div class="col-md-3">
                    <p>Quick LInks</p>
                    <p>Lates Events</p>
                    <p>Terma and conditions</p>
                    <p>Privacy policy</p>
                    <p>Career</p>
                    <p>Contact us</p>
                </div>
                <div class="col-md-3">
                    <p>Latest posts</p>
                    <p>lorem ipsum dolor sit amet,</p>
                    <p>consectetur adipiscing elit.</p>
                    <p>pellentesque et pulvinar enim.Quisque</p>
                    <p>at tempor ligula</p>
                    <p>Natus error sit voluptatem accusantium</p>
                    <p>doloremque</p>
                </div>
                <div class="col-md-3">
                    <p>Recent News</p>
                    <p>lorem ipsum dolor sit amet,</p>
                    <p>consectetur adipiscing elit.</p>
                    <p>Pellenteaque et pulvinar enim.Quisque</p>
                    <p>at tempor ligula</p>
                    <p>Natus error sit voluptatem accusantium</p>
                    <p>doloremque</p>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p>Copyright&copy;.Company name All rights reserved.</p>
                </div>
                <div class="col-md-6">
                    <img src="img/img-12.png" alt="">
                    <img src="img/img-13.png" alt="">
                    <img src="img/img-14.png" alt="">
                    <img src="img/img-15.png" alt="">
                    <img src="img/img-16.png" alt="">
                </div>
            </div>
        </div>
    </div>
</footer>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>